<p>template-variable works!</p>
<input #phone placeholder="phone number" />
<!-- lots of other elements -->

<!-- phone refers to the input element; pass its `value` to an event handler -->
<button type="button" (click)="callPhone(phone.value)">Call</button>
<button type="button" appMyDerirective01 permission="test">permission-test</button>
<button type="button" appMyDerirective01 permission="sunshine">permission-sunshine</button>


<app-sunshine-empty #empty></app-sunshine-empty>

<h4 #die>this is a my houses!</h4>

<ng-template #ngTemp1>
    <div><button type="button">按钮</button></div>
</ng-template>

<input #ref1 type="text" [(ngModel)]="firstExample" />
<!-- 获取模板中的值 -->
<span *ngIf="true">Value: {{ ref1.value }}</span>

<input *ngIf="true" #ref2 type="text" [(ngModel)]="firstExample" />
<!-- <span>Value: {{ ref2?.value }}</span> doesn't work -->